اضافه كردن اسلايدر ماهر در وردپرس با Slider by Supsystic - پباده سازي تارنماامروزه نسبتاً در كليه ي تارنما ها از تصاوير متحرك با تيتر اسلايدر استفاده مي نمايند . اين اسلايدرها كه اكثرا در به ديده مي خورند در واقع يك پيش نمايش از مطالب اساسي يا اين كه محصول ها داراي اهميت و يا اين كه هر دسته محتواي ديگري ميتوانند باشند .بيشتر تارنما هاي مدرن دستكم از يك اسلايدر ماهر در تارنما خويش استفاده مي نمايند , كهاين به خودي خويش منجر ارتقاء زمان ماندن استفاده كننده در تارنما ميشود .دراين يادگرفتن قصد داريم يك پلاگين ي به طور كامل كاربردي براي اضافه كردن اسلايدر در وردپرس به طور به طور كامل ماهر معرفي كنيم كه بتوانيد به ياري آن هر جور چهرهاي را ماهر نمايش دهيد .
طراحي سايت در مشهد
اضافه كردن اسلايدر در وردپرس با Slider by Supsystic
Slider by Supsystic - اضافه كردن اسلايدر در وردپرس
اين پلاگين ي كاربردي به شما ياري مي نمايد تا هر مدل اسلايدري را براي هر جزو وبسايت خويش ساخت فرماييد و هر محتوايي كه مد نظرتان است را باطن آن تحت عنوان اسلايد براي استفاده كننده به نمايش بگذاريد .خصوصيت حساس
از خصوصيت داراي اهميت اين پلاگين ساخت شورت كد خاص براي هر پلاگين است كهاين سبب ساز ميشود تا شما در هر جزء تارنما خويش كه ميخواهيد مبادرت به اضافه كردن اسلايدر در وردپرس فرمائيد . چه بسا ميتوانيد با دادن پهنا و طول به اسلايدر , آن را از نصيب ابزارك ها در سايدبار خويش هم فراخواني نمائيد .نصب و راهاندازي پلاگين
براي استارت فعاليت ابتدا پلاگين را اخذ نموده و از بخش پلاگين هاي وب سايت خويش آن را نصب فرمائيد . پس از نصب اين پلاگين در بخش پيكربندي پيشخوان وبسايت وردپرسي گزيده با تيتر Slider by Supsystic براي اضافه كردن اسلايدر در وردپرس ايجاد شده است .
new slider - اضافه كردن اسلايدر در وردپرس
بر روي مورد ي New Slider كليك نمائيد تا اولي اسلايدر ماهر را ساخت كنيم .New Slider
new slider - اضافه كردن اسلايدر در وردپرس
ابتدا از فيلد بالا يك اسم براي اسلايدر انتخاب فرمائيد . آنگاه مدل اسلايدر خويش را از بين شش اسلايدر جانور تعيين نماييد كه ما Thumbnails navigation را تعيين كرديم . بعد بر روي دكمه save كليك فرمائيد تا به پيكربندي اسلايدر انتخابي برويم .در ورقه ي جديدي كه براي شما گشوده ميشود دو ستون را مشاهده ميكنيد . ستون سمت راست مرتبط با پيكربندي كلي اسلايدر است و در سمت چپ نيز اسلايدهاي اسلايدر را ميتوانيد ببينيد .ستون سمت راست
right column - اضافه كردن اسلايدر در وردپرس
سئو در مشهد
ابتدا از نصيب بالا ميتوانيد با دكمه ي save هر تغييري كه ساخت كرديد را ذخيره نمائيد و با preview نيز ميتوانيد سود را در همين كاغذ بصورت پاپ آپ ملاحظه كنيد .
Slider name : به عبارتي نامي كه براي اسلايدر خويش انتخاب كرديد را از اين نصيب نيز ميتوانيد تغيير و تحول دهيد .Shortcode : شورت كد اسلايدر خويش را ميتوانيد ببينيد كه ميتوانيد همين حال آن را در برگه/نوشته وبسايت خويش اسكن فرمائيد و سود را ملاحظه كنيد .Slider width : پهنا اسلايدر خويش را ميتوانيد با واحدي كه مورد نظرتان است گزينش فرماييد . ميتوانيد واحد را بر روي percent قرار دهيد و اندازه را ۱۰۰ بگذاريد تا اسلايدر شما تمام كاغذ شود .Slider height : ميتوانيد شبيه بالا كه پهنا را انتخاب كرديد , طول را نيز از اين بخش گزينش نمائيد .Mode : اين نصيب مرتبط با دسته رد شدن هر اسلايدر ميباشد .
نكته حائض اهميت : اندازه Mode بطور پيش فرض روي اندازه ديگري ميباشد كه بايستي آن را بر روي fade قرار دهيد به اين دليل كه غير از اين اسلايدر شما فعاليت نميكند .
Step : تعدا مسافت ي پريدن از يك اسلايد به اسلايد بعدي را از اين نصيب انتخاب فرمائيد كه برابر عدد يك باشد خوبتر است .Autoplay video : در حالتي كه مدل اسلايدر انتخابي شما ويدئو است , اين آيتم مرتبط با اسلايدر شماست كه با قرار دادن بر روي yes ميتوانيد پس از بارگذاري شدن وب سايت كليپ را پخش نماييد و در غير اين صورت برابر No قرار دهيد .Autostart Slideshow : با فعال كردن اين مورد اسلايدر شما بعداز بار گذاري شدن بي نقص برگه بصورت خودكار اجرا خواهد شد .Slideshow Controls : با فعال كردن اين مورد نيز ميتوانيد كنترلر اسلايدر را در زير آن نمايش دهيد .Navigation : اين آيتم كه مرتبط با به جهت يابي است را برابر standard قرار دهيد .Captions : ميتوانيد براي هر تصوير خويش يك كپشن در حيث بگيريد و با فعال كردن اين مورد آن را براي هر اسلايد نمايش دهيد . با فعال كردن آن يك دكمه ي ديگر جهت پيكربندي كپشن ظواهر مي گردد كه ميتوانيد تنظيماتي اعم از رنگ نوشته , سايز فونت , دكوراسيون نوشته , خانواده فونت , رنگ بك گراند و شفافيت بك گراند را براي كپشن خويش داشته باشيد .
بقيه نصيب ها
Transition Speed : سرعت تغييرو تحول موقعيت از يك اسلايد به اسلايد بعدي را بر حسب ميلي ثانيه ميتوانيد با اين مورد انتخاب فرماييد .Starting Slide : با فعال كردن تيك اين مورد اسلايدهاي شما بصورت رندوم نمايش داده خواهند شد ( ديگر به ترتيب نمايش داده نمي شوند! ) .Easing : دسته افكت نمايشي را ميتوانيد در زمان تغيير تحول موقعيت معين فرمائيد .Enable Touch : اين مورد مرتبط با فعال كردن/غير فعال كردن تغيير و تحول اسلايد ها در تلفن همراه و تبلت ها ميباشد .One - to - One Touch : براي تلفن همراه ها و تبلت ها سوال مي نمايد كه اسلايد ها يك به يك تغيير و تحول كنند؟Swipe Threshold : هنگامي با انگشت دست خويش در موبايل و تبلت يك اسلايد را ميخواهيد به جهت چپ و راست بكشيد تا به اسلايد بعدي برود مي توانيم با اين مورد اين را انتخاب كنيم كه تا تعدادي پيكسل كه به طرفين اسلايد را كشيديم و رها كرديم اسلايد بعدي نمايش داده شود ( ميزان ۵۰ تا ۱۰۰ پيكسل ميتواند اندازه خير براي اين مورد باشد ) .Enable Pager : پيجر مرتبط با نمايش برگه ي اسلايد هست كه ميتوانيد اين مورد را فعال نمائيد و در خروجي بر روي هر اسلايدري كه ميرويد دكمه ي مرتبط با به عبارتي اسلايدر روشن شود!Type : با اين مورد نيز ميتوانيد پيجري كه در ابتدا فعال كرديد را دكمه هاي معمولي و يا اين كه دارنده عدد براي آن انتخاب نماييد .
ستون سمت چپ
left column - اضافه كردن اسلايدر در وردپرس
ستون سمت چپ مرتبط با اضافه كردن اسلايد براي اسلايدر و پيكربندي دلخوه بر روي هر اسلايد ميباشد .ابتدا از نصيب بالا با كليك بر روي دكمه ي Add Image ميتوانيد تصاوير متبوع براي اسلايد خويش را تعيين و وارد فرمائيد . با Change Slider نيز ميتوانيد اسلايدر خويش را تغييرو تحول دهيد .تب هاي تصوير
همانگونه كه مشاهده ميكنيد ما چهار تصوير را وارد اسلايدر كرديم كه هر تصوير دارنده چهار تب است كه به معرفي اين تب ها ميپردازيم :
Caption : اين تب براي وارد كردن كپشن ( توضيح مرتبط با هر تصوير كه زير هر اسلايد نمايش داده ميشود ) براي هر تصوير ميباشد , كه ميتوانيد توضيح مطلوب خويش براي هر تصوير را قرار دهيد .Link : ميتوانيد براي هر اسلايد يك پيوند نيز انتخاب فرمائيد تا استفاده كننده با كليك بر روي آن به نوشته/برگه مطلوب در وبسايت شما ساماندهي شود . با فعال كردن مورد ي زير نيز مي توان برگه گشوده شونده را در تب تازه در مرورگر نمايش بخشيد .SEO : يك نوشته جايگزين در صورتيكه كه تصوير نمايش داده نشود ميتوانيد گزينش نماييد ( اين مسئله براي سئو هائز اهمين ميباشد ) .Crop : در حالتي كه تصوير نياز به برش داشته باشد ميتوانيد از اين تب انتخاب فرمائيد كه به چه صورت برش بر روي تصوير صورت بپذيرد .
Slider
مجدد براي بيان كردن يك نكته ي ديگر به قسمت هاي پلاگين بر مي گرديم!
sliders - اضافه كردن اسلايدر در وردپرس
اين توشه بر روي آيتم ي Sliders كليك فرماييد .دراين كاغذ ميتوانيد كليه ي اسلايدرهايي را كه تا كنون ساخت نموده ايد را ببينيد . در بخش مرتبط با هر اسلايدر يك شوت كد و يك پي اچ پي كد را مشاهده مي نمايد .از شورت كد ها كه همگي ما ميدانيم ميتوانيم در نوشته/برگه و در ابزارك ها هم استفاده كرد . ولي از پي اچ پي كد صرفا در كدهاي قالب مي توان استفاده كرد .نمايش اسلايدر با ياري كدها
براي اضافه كردن اسلايدر در وردپرس احتمالا كه بخواهيد اسلايدر را در مكاني قرار دهيد كه قابليت قرار گيري آن با شورت كد نيست , دراينصورت نياز است تا از پي اچ پي كد در كدهاي قالب خويش استفاده نماييد تا در محل مطلوب اسلايدر خويش را نمايش دهيد .براي اينكه اسلايدر را در محل مناسب خويش قرار دهيد مي بايست كد پي اچ پي را در محل دلخواه در فولدر هاي قالب خويش قرار دهيد براي مثال براي قرار دادن آن در هدر بايد كد ذيربط را بين كد هاي فولدر header . php خويش قرار دهيد .مشاهده ي خروجي
پس از پيكربندي اسلايدر ميتوانيم فيض ي اضافه كردن اسلايدر در وردپرس را در خروجي مشاهده كنيم .
put shortcode - اضافه كردن اسلايدر در وردپرس
ابتدا به نوشته/برگه تازه در وبسايت خويش رفته و شورت كد را در ويرايشگر اسكن ميكنيم .
اضافه كردن اسلايدر ماهر در وردپرس با Slider by Supsystic - پباده سازي تارنماامروزه نسبتاً در كليه ي تارنما ها از تصاوير متحرك با تيتر اسلايدر استفاده مي نمايند . اين اسلايدرها كه اكثرا در به ديده مي خورند در واقع يك پيش نمايش از مطالب اساسي يا اين كه محصول ها داراي اهميت و يا اين كه هر دسته محتواي ديگري ميتوانند باشند .بيشتر تارنما هاي مدرن دستكم از يك اسلايدر ماهر در تارنما خويش استفاده مي نمايند , كهاين به خودي خويش منجر ارتقاء زمان ماندن استفاده كننده در تارنما ميشود .دراين يادگرفتن قصد داريم يك پلاگين ي به طور كامل كاربردي براي اضافه كردن اسلايدر در وردپرس به طور به طور كامل ماهر معرفي كنيم كه بتوانيد به ياري آن هر جور چهرهاي را ماهر نمايش دهيد .
طراحي سايت در مشهد
اضافه كردن اسلايدر در وردپرس با Slider by Supsystic
Slider by Supsystic - اضافه كردن اسلايدر در وردپرس
اين پلاگين ي كاربردي به شما ياري مي نمايد تا هر مدل اسلايدري را براي هر جزو وبسايت خويش ساخت فرماييد و هر محتوايي كه مد نظرتان است را باطن آن تحت عنوان اسلايد براي استفاده كننده به نمايش بگذاريد .خصوصيت حساس
از خصوصيت داراي اهميت اين پلاگين ساخت شورت كد خاص براي هر پلاگين است كهاين سبب ساز ميشود تا شما در هر جزء تارنما خويش كه ميخواهيد مبادرت به اضافه كردن اسلايدر در وردپرس فرمائيد . چه بسا ميتوانيد با دادن پهنا و طول به اسلايدر , آن را از نصيب ابزارك ها در سايدبار خويش هم فراخواني نمائيد .نصب و راهاندازي پلاگين
براي استارت فعاليت ابتدا پلاگين را اخذ نموده و از بخش پلاگين هاي وب سايت خويش آن را نصب فرمائيد . پس از نصب اين پلاگين در بخش پيكربندي پيشخوان وبسايت وردپرسي گزيده با تيتر Slider by Supsystic براي اضافه كردن اسلايدر در وردپرس ايجاد شده است .
new slider - اضافه كردن اسلايدر در وردپرس
بر روي مورد ي New Slider كليك نمائيد تا اولي اسلايدر ماهر را ساخت كنيم .New Slider
new slider - اضافه كردن اسلايدر در وردپرس
ابتدا از فيلد بالا يك اسم براي اسلايدر انتخاب فرمائيد . آنگاه مدل اسلايدر خويش را از بين شش اسلايدر جانور تعيين نماييد كه ما Thumbnails navigation را تعيين كرديم . بعد بر روي دكمه save كليك فرمائيد تا به پيكربندي اسلايدر انتخابي برويم .در ورقه ي جديدي كه براي شما گشوده ميشود دو ستون را مشاهده ميكنيد . ستون سمت راست مرتبط با پيكربندي كلي اسلايدر است و در سمت چپ نيز اسلايدهاي اسلايدر را ميتوانيد ببينيد .ستون سمت راست
right column - اضافه كردن اسلايدر در وردپرس
سئو در مشهد
ابتدا از نصيب بالا ميتوانيد با دكمه ي save هر تغييري كه ساخت كرديد را ذخيره نمائيد و با preview نيز ميتوانيد سود را در همين كاغذ بصورت پاپ آپ ملاحظه كنيد .
Slider name : به عبارتي نامي كه براي اسلايدر خويش انتخاب كرديد را از اين نصيب نيز ميتوانيد تغيير و تحول دهيد .Shortcode : شورت كد اسلايدر خويش را ميتوانيد ببينيد كه ميتوانيد همين حال آن را در برگه/نوشته وبسايت خويش اسكن فرمائيد و سود را ملاحظه كنيد .Slider width : پهنا اسلايدر خويش را ميتوانيد با واحدي كه مورد نظرتان است گزينش فرماييد . ميتوانيد واحد را بر روي percent قرار دهيد و اندازه را ۱۰۰ بگذاريد تا اسلايدر شما تمام كاغذ شود .Slider height : ميتوانيد شبيه بالا كه پهنا را انتخاب كرديد , طول را نيز از اين بخش گزينش نمائيد .Mode : اين نصيب مرتبط با دسته رد شدن هر اسلايدر ميباشد .
نكته حائض اهميت : اندازه Mode بطور پيش فرض روي اندازه ديگري ميباشد كه بايستي آن را بر روي fade قرار دهيد به اين دليل كه غير از اين اسلايدر شما فعاليت نميكند .
Step : تعدا مسافت ي پريدن از يك اسلايد به اسلايد بعدي را از اين نصيب انتخاب فرمائيد كه برابر عدد يك باشد خوبتر است .Autoplay video : در حالتي كه مدل اسلايدر انتخابي شما ويدئو است , اين آيتم مرتبط با اسلايدر شماست كه با قرار دادن بر روي yes ميتوانيد پس از بارگذاري شدن وب سايت كليپ را پخش نماييد و در غير اين صورت برابر No قرار دهيد .Autostart Slideshow : با فعال كردن اين مورد اسلايدر شما بعداز بار گذاري شدن بي نقص برگه بصورت خودكار اجرا خواهد شد .Slideshow Controls : با فعال كردن اين مورد نيز ميتوانيد كنترلر اسلايدر را در زير آن نمايش دهيد .Navigation : اين آيتم كه مرتبط با به جهت يابي است را برابر standard قرار دهيد .Captions : ميتوانيد براي هر تصوير خويش يك كپشن در حيث بگيريد و با فعال كردن اين مورد آن را براي هر اسلايد نمايش دهيد . با فعال كردن آن يك دكمه ي ديگر جهت پيكربندي كپشن ظواهر مي گردد كه ميتوانيد تنظيماتي اعم از رنگ نوشته , سايز فونت , دكوراسيون نوشته , خانواده فونت , رنگ بك گراند و شفافيت بك گراند را براي كپشن خويش داشته باشيد .
بقيه نصيب ها
Transition Speed : سرعت تغييرو تحول موقعيت از يك اسلايد به اسلايد بعدي را بر حسب ميلي ثانيه ميتوانيد با اين مورد انتخاب فرماييد .Starting Slide : با فعال كردن تيك اين مورد اسلايدهاي شما بصورت رندوم نمايش داده خواهند شد ( ديگر به ترتيب نمايش داده نمي شوند! ) .Easing : دسته افكت نمايشي را ميتوانيد در زمان تغيير تحول موقعيت معين فرمائيد .Enable Touch : اين مورد مرتبط با فعال كردن/غير فعال كردن تغيير و تحول اسلايد ها در تلفن همراه و تبلت ها ميباشد .One - to - One Touch : براي تلفن همراه ها و تبلت ها سوال مي نمايد كه اسلايد ها يك به يك تغيير و تحول كنند؟Swipe Threshold : هنگامي با انگشت دست خويش در موبايل و تبلت يك اسلايد را ميخواهيد به جهت چپ و راست بكشيد تا به اسلايد بعدي برود مي توانيم با اين مورد اين را انتخاب كنيم كه تا تعدادي پيكسل كه به طرفين اسلايد را كشيديم و رها كرديم اسلايد بعدي نمايش داده شود ( ميزان ۵۰ تا ۱۰۰ پيكسل ميتواند اندازه خير براي اين مورد باشد ) .Enable Pager : پيجر مرتبط با نمايش برگه ي اسلايد هست كه ميتوانيد اين مورد را فعال نمائيد و در خروجي بر روي هر اسلايدري كه ميرويد دكمه ي مرتبط با به عبارتي اسلايدر روشن شود!Type : با اين مورد نيز ميتوانيد پيجري كه در ابتدا فعال كرديد را دكمه هاي معمولي و يا اين كه دارنده عدد براي آن انتخاب نماييد .
ستون سمت چپ
left column - اضافه كردن اسلايدر در وردپرس
ستون سمت چپ مرتبط با اضافه كردن اسلايد براي اسلايدر و پيكربندي دلخوه بر روي هر اسلايد ميباشد .ابتدا از نصيب بالا با كليك بر روي دكمه ي Add Image ميتوانيد تصاوير متبوع براي اسلايد خويش را تعيين و وارد فرمائيد . با Change Slider نيز ميتوانيد اسلايدر خويش را تغييرو تحول دهيد .تب هاي تصوير
همانگونه كه مشاهده ميكنيد ما چهار تصوير را وارد اسلايدر كرديم كه هر تصوير دارنده چهار تب است كه به معرفي اين تب ها ميپردازيم :
Caption : اين تب براي وارد كردن كپشن ( توضيح مرتبط با هر تصوير كه زير هر اسلايد نمايش داده ميشود ) براي هر تصوير ميباشد , كه ميتوانيد توضيح مطلوب خويش براي هر تصوير را قرار دهيد .Link : ميتوانيد براي هر اسلايد يك پيوند نيز انتخاب فرمائيد تا استفاده كننده با كليك بر روي آن به نوشته/برگه مطلوب در وبسايت شما ساماندهي شود . با فعال كردن مورد ي زير نيز مي توان برگه گشوده شونده را در تب تازه در مرورگر نمايش بخشيد .SEO : يك نوشته جايگزين در صورتيكه كه تصوير نمايش داده نشود ميتوانيد گزينش نماييد ( اين مسئله براي سئو هائز اهمين ميباشد ) .Crop : در حالتي كه تصوير نياز به برش داشته باشد ميتوانيد از اين تب انتخاب فرمائيد كه به چه صورت برش بر روي تصوير صورت بپذيرد .
Slider
مجدد براي بيان كردن يك نكته ي ديگر به قسمت هاي پلاگين بر مي گرديم!
sliders - اضافه كردن اسلايدر در وردپرس
اين توشه بر روي آيتم ي Sliders كليك فرماييد .دراين كاغذ ميتوانيد كليه ي اسلايدرهايي را كه تا كنون ساخت نموده ايد را ببينيد . در بخش مرتبط با هر اسلايدر يك شوت كد و يك پي اچ پي كد را مشاهده مي نمايد .از شورت كد ها كه همگي ما ميدانيم ميتوانيم در نوشته/برگه و در ابزارك ها هم استفاده كرد . ولي از پي اچ پي كد صرفا در كدهاي قالب مي توان استفاده كرد .نمايش اسلايدر با ياري كدها
براي اضافه كردن اسلايدر در وردپرس احتمالا كه بخواهيد اسلايدر را در مكاني قرار دهيد كه قابليت قرار گيري آن با شورت كد نيست , دراينصورت نياز است تا از پي اچ پي كد در كدهاي قالب خويش استفاده نماييد تا در محل مطلوب اسلايدر خويش را نمايش دهيد .براي اينكه اسلايدر را در محل مناسب خويش قرار دهيد مي بايست كد پي اچ پي را در محل دلخواه در فولدر هاي قالب خويش قرار دهيد براي مثال براي قرار دادن آن در هدر بايد كد ذيربط را بين كد هاي فولدر header . php خويش قرار دهيد .مشاهده ي خروجي
پس از پيكربندي اسلايدر ميتوانيم فيض ي اضافه كردن اسلايدر در وردپرس را در خروجي مشاهده كنيم .
put shortcode - اضافه كردن اسلايدر در وردپرس
ابتدا به نوشته/برگه تازه در وبسايت خويش رفته و شورت كد را در ويرايشگر اسكن ميكنيم .